<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>企业信息</title>
    <link rel="stylesheet" href="../css/qiye.css">
</head>
<body>
        <!-- 顶部导航 -->
        <header>
            <div class="header-container">
                <div class="logo">
                    <img src="../images/主页/u2.png" alt="双碳招投标网">
                    <h2>双碳招投标网</h2>
                </div>
                <nav>
                    <ul>
                        <li><a href="./ping tai dong tai.html">平台动态</a></li>
                    <li><a href="./zheng ce fa gui.html">政策法规</a></li>
                        <li><a href="../pages/weigui.html">违规投诉</a></li>
                    </ul>
                </nav>
                <div class="user-info">
                    <img
                    src="../images/主页/u122.png"
                    alt=""
                    style="height: 38px; width: 40px"
                  />
                    <span class="avatar">admin</span>
                </div>
            </div>
        </header>

        <!-- 面包屑导航 -->
        <div class="breadcrumb">
            <span>首页/个人中心/<span style="color: black;">企业信息</span></span>
        </div>

        <!-- 在 main 标签前添加弹出层 -->
        <div class="modal" id="editModal">
            <div class="modal-content">
                <div class="modal-header">
                    <h3>修改企业投标</h3>
                    <span class="close-btn">&times;</span>
                </div>
                <div class="modal-body">
                    <div class="form-grid">
                        <div class="form-item">
                            <label><span class="required">*</span>公司注册地址</label>
                            <input type="text" placeholder="请输入">
                        </div>
                        <div class="form-item">
                            <label><span class="required">*</span>机构类型</label>
                            <select>
                                <option value="">请选择</option>
                            </select>
                        </div>
                        <div class="form-item">
                            <label><span class="required">*</span>企业性质</label>
                            <select>
                                <option value="">请选择</option>
                            </select>
                        </div>
                        <div class="form-item">
                            <label><span class="required">*</span>成立日期</label>
                            <select>
                                <option value="">请选择</option>
                            </select>
                        </div>
                        <div class="form-item">
                            <label><span class="required">*</span>法人/负责人</label>
                            <input type="text" placeholder="请输入">
                        </div>
                        <div class="form-item">
                            <label><span class="required">*</span>法人/负责人身份证</label>
                            <input type="text" placeholder="请输入">
                        </div>
                        <div class="form-item">
                            <label><span class="required">*</span>单位联系地址</label>
                            <input type="text" placeholder="请输入">
                        </div>
                        <div class="form-item">
                            <label><span class="required">*</span>经营范围</label>
                            <select>
                                <option value="">请选择</option>
                            </select>
                        </div>
                        
                        <div class="form-item upload-item">
                            <label><span class="required">*</span>营业执照扫描件</label>
                            <button class="upload-btn">↑ 上传文件</button>
                        </div>
                        
                        <div class="form-item">
                            <label>公司简介</label>
                            <input type="text" placeholder="请输入">
                        </div>
                        <div class="form-item">
                            <label><span class="required">*</span>营业执照有效期</label>
                            <input type="text" placeholder="请输入">
                        </div>
                        <div class="form-item">
                           
                        </div>
                        <div class="form-item upload-item">
                            <label><span class="required">*</span>法人负责人身份证扫描件</label>
                            <button class="upload-btn">↑ 上传文件</button>
                        </div>
                        <div class="form-item">
                           
                        </div>
                        <div class="form-item">
                            <label><span class="required">*</span>开户行</label>
                            <input type="text" placeholder="请输入">
                        </div>
                        <div class="form-item">
                            <label>银行账号</label>
                            <input type="text" placeholder="请输入">
                        </div>
                        <div class="form-item">
                            <label><span class="required">*</span>开户行地址</label>
                            <input type="text" placeholder="请输入">
                        </div>
                        <div class="form-item">
                            <label><span class="required">*</span>单位注册电话</label>
                            <input type="text" placeholder="请输入">
                        </div>
                        <div class="form-item">
                            <label><span class="required">*</span>单位注册地址</label>
                            <input type="text" placeholder="请输入">
                        </div>
                        <div class="form-item">
                            <label>注册资本（万元）</label>
                            <input type="text" placeholder="请输入">
                        </div>
                        <div class="form-item">
                            <label><span class="required">*</span>实缴资本（万元）</label>
                            <input type="text" placeholder="请输入">
                        </div>
                        <div class="form-item">
                           
                        </div>
                        <div class="form-item upload-item">
                            <label><span class="required">*</span>开户许可证/基本户存款账户信息</label>
                            <button class="upload-btn">↑ 上传文件</button>
                        </div>
                        <div class="form-item">
                           
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="cancel-btn">取消</button>
                    <button class="confirm-btn">确定</button>
                </div>
            </div>
        </div>

        <!-- 主要内容区域 -->
        <main>
            <!-- 左侧导航 -->
            <aside class="sidebar">
                <div class="menu-item active" data-page="company-info">
                    <i class="icon-company"></i>
                    企业信息
                </div>
                <div class="menu-item" data-page="join-bid">
                    <i class="icon-bid"></i>
                    参与投标
                </div>
                <div class="menu-item" data-page="my-bid">
                    <i class="icon-mybid"></i>
                    我的投标
                </div>
            </aside>

            <!-- 右侧内容 -->
            <div class="content">
                <div class="company-info page active">
                    <div class="info-grid">
                        <div class="info-item">
                            <label>企业名称：</label>
                            <span>大连泰食有限公司</span>
                        </div>
                        <div class="info-item">
                            <label>统一社会信用代码：</label>
                            <span>201200004324568567</span>
                        </div>
                        <div class="info-item">
                            <label>公司注册地址：</label>
                            <span>辽宁省大连市金普新区和平路56号</span>
                        </div>
                        <div class="info-item">
                            
                        </div>
                        <div class="info-item">
                            <label>机构类型：</label>
                            <span>企业机构</span>
                        </div>
                        <div class="info-item">
                            <label>企业性质：</label>
                            <span>私营企业</span>
                        </div>
                        <div class="info-item">
                            <label>成立日期：</label>
                            <span>2021-05月13日</span>
                        </div>
                        <div class="info-item">
                            
                        </div>
                        <div class="info-item">
                            <label>法人负责人：</label>
                            <span>李华</span>
                        </div>
                        <div class="info-item">
                            <label>法人负责人身份证：</label>
                            <span>210282198706235543</span>
                        </div>
                        <div class="info-item">
                            <label>法人负责人身份证扫描件：</label>
                            <span><a href="#" style="color: #26C6A5;">查看图片</a></span>
                        </div>
                        <div class="info-item">
                            
                        </div>
                        <div class="info-item">
                            <label>单位联系地址：</label>
                            <span>辽宁省大连市金普新区和平路56号</span>
                        </div>
                        <div class="info-item">
                            
                        </div>
                        <div class="info-item">
                            <label>经营范围：</label>
                            <span>饮食</span>
                        </div>
                        <div class="info-item">
                            <label>公司简介：</label>
                            <span>大连泰食有限公司是一家致力于研究素食美味公司</span>
                        </div>
                        <div class="info-item">
                            <label>营业执照有效期：</label>
                            <span>2021/5/13 -2028/5/13</span>
                        </div>
                        <div class="info-item">
                            
                        </div>
                        <div class="info-item">
                            <label>营业执照扫描件：</label>
                            <span><a href="#" style="color: #26C6A5;">查看图片</a></span>
                        </div>
                        <div class="info-item">
                            
                        </div>
                        <div class="info-item">
                            <label>开户行：</label>
                            <span>大连银行</span>
                        </div>
                        <div class="info-item">
                            <label>银行账号：</label>
                            <span>6329942797190732093170</span>
                        </div>
                        <div class="info-item">
                            <label>开户行地址：</label>
                            <span>辽宁省大连市金普新区农贸街65号</span>
                        </div>
                        <div class="info-item">
                            
                        </div>
                        <div class="info-item">
                            <label>单位注册电话：</label>
                            <span>8657-4321</span>
                        </div>
                        <div class="info-item">
                            
                        </div>
                        <div class="info-item">
                            <label>单位注册电话：</label>
                            <span>8657-4321</span>
                        </div>
                        <div class="info-item">
                            <label>单位注册地址：</label>
                            <span>辽宁省大连市金普新区和平路56号</span>
                        </div>
                        <div class="info-item">
                            <label>注册资本（万元）：</label>
                            <span>200.00</span>
                        </div>
                        <div class="info-item">
                            <label>实缴资本：</label>
                            <span>100.00万元</span>
                        </div>
                        <div class="info-item">
                            <label>开户许可证/基本户存款账户信息：</label>
                            <span><a href="#" style="color: #26C6A5;">查看图片</a></span>
                        </div>
                        <div class="info-item">
                            
                        </div>
                        <div class="info-item">
                            
                        </div>
                        <div class="info-item">
                            <div class="edit-btn">
                                修改
                            </div>
                        </div>
                    </div>
                </div>

                <div class="join-bid page">
                    <!-- 参与投标内容 -->
                </div>
                <div class="my-bid page">
                    <!-- 我的投标内容 -->
                </div>
            </div>
        </main>

        <script>
        document.addEventListener('DOMContentLoaded', function() {
            const menuItems = document.querySelectorAll('.menu-item');
            
            menuItems.forEach(item => {
                item.addEventListener('click', function() {
                    // Remove active class from all menu items
                    menuItems.forEach(mi => mi.classList.remove('active'));
                    // Add active class to clicked menu item
                    this.classList.add('active');
                    
                    // Hide all pages
                    document.querySelectorAll('.page').forEach(page => {
                        page.classList.remove('active');
                    });
                    
                    // Show selected page
                    const pageId = this.getAttribute('data-page');
                    document.querySelector(`.${pageId}`).classList.add('active');
                });
            });
        });
        </script>

        <script>
        document.addEventListener('DOMContentLoaded', function() {
            const modal = document.getElementById('editModal');
            const editBtn = document.querySelector('.edit-btn');
            const closeBtn = document.querySelector('.close-btn');
            const cancelBtn = document.querySelector('.cancel-btn');
            const confirmBtn = document.querySelector('.confirm-btn');

            // 打开弹窗
            editBtn.addEventListener('click', function() {
                modal.classList.add('show');
            });

            // 关闭弹窗的多种方式
            function closeModal() {
                modal.classList.remove('show');
            }

            closeBtn.addEventListener('click', closeModal);
            cancelBtn.addEventListener('click', closeModal);
            confirmBtn.addEventListener('click', closeModal);

            // 点击弹窗外部关闭
            modal.addEventListener('click', function(e) {
                if (e.target === modal) {
                    closeModal();
                }
            });
        });
        </script>
</body>
</html>